<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员控制面板</title>
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

<!-- 头部导航 start -->
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="row">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header col-md-2">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="javascript:">管理员控制面板</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse col-md-10" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="javascript:">商品管理 <span class="sr-only">(current)</span></a></li>
                    <li><a href="javascript:">订单管理</a></li>
                    <li><a href="javascript:">结算管理</a></li>
                    <li><a href="javascript:">售后管理</a></li>
                    <!--<li class="dropdown">
                        <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">首页 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:">Action</a></li>
                            <li><a href="javascript:">Another action</a></li>
                            <li><a href="javascript:">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:">Separated link</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:">One more separated link</a></li>
                        </ul>
                    </li>-->
                </ul>
                <!--<form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>-->
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">你的名字 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:">Action</a></li>
                            <li><a href="javascript:">Another action</a></li>
                            <li><a href="javascript:">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:">Separated link</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:"><span class="glyphicon glyphicon-off"></span></a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div>
    </div><!-- /.container-fluid -->
</div>
<!-- 头部导航 end -->

<!-- 页面主题内容 start -->
<div class="container-fluid page-content">
    <div class="row">

        <!-- 侧边 start -->
        <div class="side col-md-2">

            <!-- 侧边导航 -->
            <div class="panel-group" role="tablist">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="collapseListGroupHeading1">
                        <h4 class="panel-title">
                            <a class="" role="button" data-toggle="collapse" data-parent=".panel-group" href="#collapseListGroup1" aria-expanded="true" aria-controls="collapseListGroup1">
                                商品管理 <span class="glyphicon glyphicon-chevron-down"></span>
                            </a>
                        </h4>
                    </div>
                    <div id="collapseListGroup1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="collapseListGroupHeading1" aria-expanded="true" style="">
                        <ul class="list-group">
                            <li class="list-group-item"><a href="javascript:">订单列表</a></li>
                            <li class="list-group-item active"><a href="javascript:">商品调价</a></li>
                            <li class="list-group-item"><a href="javascript:">商品上下架</a></li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="collapseListGroupHeading2">
                        <h4 class="panel-title">
                            <a class="" role="button" data-toggle="collapse" data-parent=".panel-group" href="#collapseListGroup2" aria-expanded="true" aria-controls="collapseListGroup2">
                                订单管理 <span class="glyphicon glyphicon-chevron-right"></span>
                            </a>
                        </h4>
                    </div>
                    <div id="collapseListGroup2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading2" aria-expanded="true" style="">
                        <ul class="list-group">
                            <li class="list-group-item"><a href="javascript:">订单列表</a></li>
                            <li class="list-group-item"><a href="javascript:">商品调价</a></li>
                            <li class="list-group-item"><a href="javascript:">商品上下架</a></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <!-- 侧边 end -->

        <!-- 主要内容区域 start -->
        <div class="main col-md-10">

        </div>
        <!-- 主要内容区域 end -->

    </div>
</div>
<!-- 页面主题内容 start -->

<!-- 全局脚本 start -->
<script src="../js/bootstrap/jquery.min.js"></script>
<script src="../js/bootstrap/bootstrap.min.js"></script>
<!-- 全局脚本 end -->

</body>
</html>